/*---------------------------------------slidebar----------------*/
#slidebar{
	@extend .shadow;
	@include animate();
	position: fixed;
	left: -500px;
	height: 100%;
	z-index: 999;
	&>.btn-home{
		display: inline-block;
		position: relative;
		// left: 500px;
		cursor: pointer;
		&:hover{
			color: rgba(44,62,80,0.7) !important;
		}
		&>span{
			display: none;
		}
		&>div{
			// position: absolute;
			// top: 48px;
			// left: 0px;
			display: inline-block;
			line-height: 0;
			padding: 8px;
			border: solid 1px;
			border-radius: 2px;
		}
	}
}
.slidebar-toggle{
	left: 0px !important;
	&>.btn-home{
		display: block !important;
		text-align: right;
		left: 0 !important;
		color: #fff !important;
		&>span{
			display: inline !important;
		}
		&>div{
			position: relative;
			top: 0;
			border-color: $tp_color;
		}
	}
}
@media (max-width: 768px){
	#slidebar{
		display: none;
	}
}